import { defineStore } from 'pinia'
import { computed, ref } from 'vue'

export const useCounterStore = defineStore(
  'counter',
  () => {
    // 组合式 API 写法
    // ref
    const totalCount = ref(100)
    const num1 = ref(11111)
    const num2 = ref(22222)
    // 计算
    const dobuleCount = computed(() => {
      return totalCount.value * 2
    })
    // 修改
    const addCount = () => {
      totalCount.value++
    }
    // 返回
    return { totalCount, dobuleCount, addCount, num1, num2 }
  },
  {
    // 新的 unistorage 插件持久化配置
    unistorage: {
      key: 'hm-counter', // 存储的 key
      paths: ['totalCount'], // 存储指定的 ref
    },
  }
)
